<template>
	<view class="container">
		<view class="item flex-row" @click="toPage('cards/index')">
			<image src="../../static/img/grid/card.png"></image>
			<text>两单一卡</text>
			<uni-icons type="arrowright" color="#1190DD" size="20"></uni-icons>
		</view>
		<view class="item flex-row" @click="toPage('../organization/index')">
			<image src="../../static/img/grid/org.png"></image>
			<text>组织架构</text>
			<uni-icons type="arrowright" color="#1190DD" size="20"></uni-icons>
		</view>
		<view class="item flex-row" @click="toPage('risk/index')">
			<image src="../../static/img/grid/risk.png"></image>
			<text>风险网格管理</text>
			<uni-icons type="arrowright" color="#1190DD" size="20"></uni-icons>
		</view>
		<view class="item flex-row" @click="toPage('employee/check')">
			<image src="../../static/img/grid/check.png"></image>
			<text>员工考核</text>
			<uni-icons type="arrowright" color="#1190DD" size="20"></uni-icons>
		</view>
		<view class="item flex-row" @click="toPage('employee/reward')">
			<image src="../../static/img/grid/reward.png"></image>
			<text>员工奖惩</text>
			<uni-icons type="arrowright" color="#1190DD" size="20"></uni-icons>
		</view>
	</view>
</template>

<script>
import uniIcons from "../../components/uni-icons/uni-icons.vue";
export default{
	components: { uniIcons },
	data(){
		return {}
	},
	onLoad(){
		// #ifdef APP-PLUS
		/* 隐藏凸起图标 */
		var icon = plus.nativeObj.View.getViewById("icon");
		setTimeout(function() {
			if(icon){icon.hide();}
		}, 100);
		// #endif
	},
	methods: {
		toPage(url){
			if(url) uni.navigateTo({url});
		}
	}
}
</script>

<style scoped>
.container{
	height: 100vh;
	padding: 20upx;
	box-sizing: border-box;
}
.item{
	background: #fff;
	margin-bottom: 20upx;
	padding: 12upx 20upx;
	border-radius: 12upx;
	box-shadow: 0 0 6upx #ccc;
	justify-content: flex-start;
	position: relative;
}
.item image{
	width: 80upx;
	height: 80upx;
	margin-right: 20upx;
}
.item text{
	font-size: 32upx;
}
.item uni-icons,
.item .uni-icons{
	position: absolute;
	right: 20upx;
	top: 20upx;
}
</style>
